{% extends "base.html" %}
{% block body %}
<div class="navigation" id="sub-nav">
<ul class="tabbed">
	<li><a href={{url_forum}}>{{forum}}</a></li>
	<li><a href={{url_translate}}>{{translate}}</li>
	<li><a href={{url_fuckml}}>{{fuckml}}</li>
</ul>
<div class="clearer">&nbsp;</div>
</div>
<div class="main" id="main-two-columns">

	<div class="left" id="main-content">

		<div class="section">

			<div class="section-title"></div>
			<div class="section-content">
				{% for topic in topics %}
				<div class="section-content">
					<div class="comment-list-wrapper">
							<div class="comment-profile-wrapper left">
								<div class="comment-profile">				
									<div class="comment-gravatar">
										<img width="40" height="40" alt="" src="../static/images/sample-gravatar.gif">
									</div>
									<div class="comment-author">
										<a href="/users?id={{topic.author}}&lang={{topic.lang}}">{{topic.author}}</a>
									</div>
								</div>
							</div>
							<div class="comment-content-wrapper right">
								<div class="comment-content-wrapper-2">
									<div class="comment-body">
										<div class="comment-arrow"></div>
										<div class="post-date">
											<div class="left">{{topic.updated}} 
												<span class="text-separator">|</span>
											</div>
											<div class="right">
												<!-- <a title="Permanent link to this reply" href="#comment-48">#48</a> -->
											</div>
										<div class="clearer">&nbsp;</div>
										</div>
										<div class="comment-text">
											<a href = '/topics?topic_id={{topic.topic_id}}'>
												<p>{{topic.title|striptags}}</p>
											</a>
										</div>					
										<div class="clearer">&nbsp;</div>
									</div>
								</div>
							</div>
							<div class="clearer">&nbsp;</div>
					</div>
				</div>
				{% endfor %}
				<div class="content-separator"></div>
				{% if is_user %}
					<form action="" method="post" accept-charset="utf-8">
						<input id = 'input_title' name = 'title' class='text' type='text'/>
						<textarea class = 'command' id = 'command' name = 'body'></textarea>
						<p>
						<input type="submit" value="Submit" class = "btn1">
						</p>
					</form>
				{% else %}
					<form>
						<textarea class = 'command' id = 'command' DISABLED></textarea>
						<p>
						<input type="submit" value="Please signin to comment" class = "btn1"DISABLED>
						</p>
					</form>
				{% endif %}

				<div class="clearer">&nbsp;</div>

			</div>

		</div>

		<div class="clearer">&nbsp;</div>
		
	</div>
	
	<div class="right sidebar" id="sidebar">

		<div class="section">

			<div class="section-title">Search</div>

			<div class="section-content">
				<form method="post" action="">
					<input type="text" class="text" size="28" /> &nbsp; <input type="submit" class="button" value="Submit" />
				</form>
			</div>

		</div>
		<div class="section">

			<div class="section-title">Hot Topics</div>

			<div class="section-content">

				<ul class="nice-list">
					{% for people in peoples %}
					<li><a href="#">{{people.name}}</a> <span class="quiet">- {{people.year}}</span></li>
					{% endfor %}
				</ul>
				
			</div>

		</div>

	</div>

	<div class="clearer">&nbsp;</div>

</div>
{% endblock %}
{% block forum_style %}
	<link rel="stylesheet" type="text/css" href="../static/css/styles-forum.css"/>
{% endblock %}
{% block tab_forum %}
	class="current-tab"
{% endblock %}